﻿<%@ Page Title="车型详情" Language="C#" MasterPageFile="~/master.master" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <link type="text/css" rel="stylesheet" href="/dist/css/detail.css?v=1.9" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="cph" Runat="Server">

<div class="oinfo2">
    <p class="t1 f16">{{modelName}}</p>
    <p class="t2 f13 c7">或类似车型-{{groupX}}</p>
    <p><img class="pic1" src="{{pictureURL}}" /></p>
    <p class="c7">
        <i class="ic_seats">{{seats}}</i>
        <i class="ic_auto">{{automatic}}</i>
        <i class="ic_suitcases">{{suitcases}}行李箱(参考)</i>
    </p>
    <p class="t3 c7">租金<b class="red f16">{{price}}</b><i>{{currencyCode}}</i></p>
    {{#rateName}}
    <p class="c7" style="margin-top:-5px;padding-bottom:20px;">{{rateName}}</p>
    {{/rateName}}
</div>
<div class="orderbox">
    <p class="t1">{{pickUpStoreName}}</p>
    <p class="t2">{{returnStoreName}}</p>
    <div class="cal clearfix">
        <div class="left">
            <p class="c7"><i>当地取车时间</i><i class="right">周{{startWeek}}</i></p>
            <p class="t2">{{startTime}}</p>
        </div>
        <div class="right">
            <p class="c7"><i>当地还车时间</i><i class="right">周{{endWeek}}</i></p>
            <p class="t2">{{endTime}}</p>
        </div>
        <i class="total">{{rentalLength}}天</i>
    </div>
</div>

<div class="floor shebei">
    <p class="tit">附加设备</p>
    <p style="padding:10px 20px;color:red;">附件设备相关费用不包含在订单中，请在门店支付</p>
</div>
<div class="third"></div>

<div class="floor">
    <p class="tit">联系人信息</p>
    <div class="row">
        <i class="col2">姓(拼音)</i>
        <i class="col8"><input type="text"  class="put0" name="surname" maxlength="10" placeholder="拼音/英文 请与护照信息一致" /></i>
    </div>
    <div class="row">
        <i class="col2">名(拼音)</i>
        <i class="col8"><input type="text" class="put0" name="firstname" maxlength="20" placeholder="拼音/英文 请与护照信息一致" /></i>
    </div>
    <div class="row">
        <i class="col2">电子邮件</i>
        <i class="col8"><input type="email" class="put0" name="email" maxlength="50" placeholder="订单确认邮件将发至该邮箱" /></i>
    </div>
    <div class="row">
        <i class="col2">手机号码</i>
        <i class="col8"><input type="tel" class="put0" name="telephone" maxlength="15" placeholder="用于接收订单短信通知" /></i>
    </div>
</div>


<div class="floor">
    <p class="tit">航班信息</p>
    <div class="row">
        <i class="col2">航 班 号</i>
        <i class="col8"><input type="text" class="put0" name="flightNumber" placeholder="请输入航班号" /></i>
    </div>
</div>

<div class="floor">
    <p class="tit">合作伙伴常旅客卡号</p>
    <div class="row travell">
        <i class="col8" data-code="">请选择航空公司</i>
        <i class="col2"><em class="ddl2"></em></i>
        <select id="seltravell"></select>
    </div>
    <div class="row">
        <i class="col3">常旅客卡号</i>
        <i class="col7"><input type="text" class="put0" name="ftnNumber" placeholder="请输入卡号" /></i>
    </div>
</div>

<div class="tabs clearfix">
    <i class="hover">价格包含</i>
    <i>门店详情</i>
    <i>租车须知</i>
</div>
<!-- tab-1 content -->
<div class="tabcon1 con">
</div>

<!-- tab-2 content -->
<div class="tabcon2 con none">
    {{#pickUpStore}}
    <div class="box">
        <p>
            <b>取车门店</b>
            <i class="right">{{startTime}}</i>
        </p>
        <p>{{cnName}}</p>
        <p>地址：{{locationAddress}}</p>
        <div class="bot">
            <p>
                <i>营业时间：{{shopOpenTime}}</i>
                <i class="right">电话：{{telephone}}</i>
            </p>
        </div>
    </div>    
    {{/pickUpStore}}
    <p></p>
    {{#returnStore}}
    <div class="box">
        <p>
            <b>还车门店</b>
            <i class="right">{{endTime}}</i>
        </p>
        <p>{{cnName}}</p>
        <p>地址：{{locationAddress}}</p>
        <div class="bot">
            <p>
                <i>营业时间：{{shopOpenTime}}</i>
                <i class="right">电话：{{telephone}}</i>
            </p>
        </div>
    </div>    
    {{/returnStore}}
</div>

<!-- tab-3 content -->
<div class="tabcon3 con none">
    <p>最小租车年龄：<i>{{ageToRent}}</i></p>
    <p>驾驶员要求：<i>{{driverAgeRequirements}}</i></p>
    <p>驾驶执照：<i>{{driverLicence}}</i></p>
    <p>信用卡：<i>{{creditCardRequirements}}</i></p>
    <p>最高不计免赔：<i>{{excessInformation}}</i></p>
</div>

<div class="note con">
	<p class="center f16 red">重要提示</p>
	<p>1. 如订单中设计异地还车费（One-way Fee），订单金额已经包含异地还车费，但关于异地还车费的任何附加费以及税金均不包含在订单金额中，请于当地柜台支付。</p>
	<p>2. 美国部分地区路段路费，不再接受现金支付方式。行驶在这些路段时，您将自动开启E-TOLL。之后您将全额支付路费并支付E-TOLL使用费3.95美金一天，19.75美金封顶。请合理规划您的路线。</p>
    <p>3. 请一定保留您在旅途中的所有租车相关文件，包含但不限于取车合同，还车小票，刷卡短信等，以便我们为您提供后续服务。旅途中如遇到问题，请及时联系Avis相关部门，并保留所有相关证明，Avis将竭诚为您服务。</p>
    <p>4. 如遇当地节假日，请以门店告示的具体营业时间为准。</p>
</div>

<div class="footbar">
    <a class="btn-red">立即预订</a>
</div>

<script type="text/template" id="tplHead">
    <div class="oinfo">
        <div class="d1 tright">
            <p class="f16">{{pickUpCityName}}</p>
            <p class="c7">{{startTime}}</p>
        </div>
        <div class="d2">
            <i>{{rentalLength}}天</i>
        </div>
        <div class="d3">
            <p class="f16">{{returnCityName}}</p>
            <p class="c7">{{endTime}}</p>
        </div>
        <a class="edit" href="./">Edit</a>
    </div>
</script>
<script type="text/template" id="tplEQ">
    {{#list}}
    <div class="row" data-type="{{type}}">
        <i class="col3">{{name}}</i>
        <i class="col1 red">{{unitPrice}}</i>
        <i class="col25">{{currencyCode}} per {{unitName}}</i>
        {{#isCanBuyMore}}
        <i class="col35"><em class="tag">1个</em><em class="tag">2个</em><em class="tag">3个</em></i>
        {{/isCanBuyMore}}
        {{^isCanBuyMore}}
            {{#isFree}}
            <i class="col35">套餐已包含</i>
            {{/isFree}}
            {{^isFree}}
            <i class="col35" data-free="{{isFree}}"><em class="switch"></em></i>
            {{/isFree}}
        {{/isCanBuyMore}}
    </div>
    {{/list}}
</script>
<script type="text/template" id="tplThird">
    {{#list}}
    <div class="floor">
        <p class="tit">{{title}}</p>
        <div class="row" data-type="{{type}}" data-pid="{{productId}}" data-price="{{unitPrice}}">
            <i class="col5">{{name}}</i>
            <i class="col1 red">{{price}}</i>
            <i class="col2">{{unitName}}</i>
            <i class="col2"><em class="switch"></em></i>
        </div>
        <p class="desc">{{{remark}}}</p>
    </div>
    {{/list}}
</script>

<script src="/dist/js/mustache-2.3.0.min.js"></script>
<script src="/dist/js/detail.js?v=1.9"></script>
</asp:Content>
